/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, 
#cboxOverlay, 
#cboxWrapper{
    position:absolute; 
    top:0; 
    left:0; 
    z-index:9999; 
    overflow:hidden;
}
#cboxOverlay {
    position:fixed; 
    width:100%; 
    height:100%;
}
#cboxMiddleLeft, 
#cboxBottomLeft {
    clear:left;
}
#cboxContent {
    position:relative; 
    overflow:visible;
}
#cboxLoadedContent {
    overflow:auto;
}
#cboxLoadedContent iframe {
    display:block; 
    width:100%; 
    height:100%; 
    border:0;
}
#cboxTitle {
    margin:0;
}
#cboxLoadingOverlay, 
#cboxLoadingGraphic {
    position:absolute; 
    top:0; 
    left:0; 
    width:100%;
}
#cboxPrevious, 
#cboxNext, 
#cboxClose, 
#cboxSlideshow {
    cursor:pointer;
}

/* 
    ColorBox mojoPortal "i7" style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay {
    background: #231f20;
}
#colorbox{ }
/*    #cboxTopLeft {
        width:14px; 
        height:43px; 
        background:url('colorbox/cb_mojo_mocha_images/controls.png') no-repeat 0 0;
    }
    #cboxTopCenter {
        height:43px; 
        background:url('colorbox/cb_mojo_mocha_images/border.png') repeat-x top left;
    }
    #cboxTopRight {
        width:14px; 
        height:43px; 
        background:url('colorbox/cb_mojo_mocha_images/controls.png') no-repeat -36px 0;
    }
    #cboxBottomLeft {
        width:14px; 
        height:43px; 
        background:url('colorbox/cb_mojo_mocha_images/controls.png') no-repeat 0 -43px;
    }
    #cboxBottomCenter {
        height:43px; 
        background:url('colorbox/cb_mojo_mocha_images/border.png') repeat-x bottom left;
    }
    #cboxBottomRight {
        width:14px; 
        height:43px; 
        background:url('colorbox/cb_mojo_mocha_images/controls.png') no-repeat -36px -43px;
    }
    #cboxMiddleLeft {
        width:14px; 
        background:url('colorbox/cb_mojo_mocha_images/controls.png') repeat-y -175px 0;
    }
    #cboxMiddleRight {
        width:14px; 
        background:url('colorbox/cb_mojo_mocha_images/controls.png') repeat-y -211px 0;
    }*/
    #cboxContent {
        background-color: #fff;
        border-radius: 20px 20px 20px 20px;
        padding: 40px;
    }
    .ie7 #cboxContent,
    .ie8 #cboxContent {
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddedf', endColorstr='#ffffff',GradientType=0 );
    }
    .ie9 #cboxContent {
        /* background: url(); */
        filter: none;
    }
        #cboxLoadedContent {
            margin-bottom:5px;
        }
        #cboxLoadingOverlay { 
            background:url('colorbox/cb_mojo_mocha_images/loading_background.png') no-repeat center center;
        }
        #cboxLoadingGraphic {
            background:url('colorbox/cb_mojo_mocha_images/loading.gif') no-repeat center center;
        }
        #cboxCurrent {
            position:absolute; 
            top:10px; 
            left:40px; 
            font-weight:bold; 
            color:#6d6f71; 
        }
        .ie7 #cboxCurrent,
        .ie8 #cboxCurrent {
            color: #fff;
            top: 8px;
            left: 5px;
        }
        #cboxPrevious, 
        #cboxNext, 
        #cboxClose, 
        #cboxSlideshow {
            text-indent: -9999px; 
            width:23px; 
            height:23px; 
            position:absolute; 
            top: 5px; 
            background:url('colorbox/cb_mojo_mocha_images/controls.png') no-repeat 0 0;
        }
        #cboxPrevious {
            left:8px; 
            top: 50%;
            margin-top: -11px;
            background-position:-50px 0px;
        }
        #cboxPrevious.hover {
            background-position: -50px -25px;
        }
        #cboxNext {
            right: 8px;
            top: 50%;
            margin-top: -11px; 
            background-position:-75px 0px;
        }
        #cboxNext.hover {
            background-position:-75px -25px;
        }
        #cboxClose {
            right: 8px; 
            background-position:-100px 0px;
        }
        .ie7 #cboxClose,
        .ie8 #cboxClose {
            top: 45px;
        }
        #cboxClose.hover {
            background-position:-100px -25px;
        }
        #cboxTitle {
            background-color: #D3CAB8;
            border-radius: 20px 20px 0 0;
            color: #5A4934;
            font-size: 20px;
            height: 32px;
            left: 0;
            line-height: 32px;
            position: absolute;
            text-align: center;
            top: 0;
            width: 100%;
        }
        #cboxTitle:empty {
            display: none !important; /*override jQuery */
        }
        .ie8 #cboxContent,
        .ie7 #cboxContent {
            padding-top: 80px;
        }
        .ie8 #cboxTitle.ribbontitle,
        .ie7 #cboxTitle.ribbontitle {
            width: 100%;
            top: 0px;
            height: 20px;
            left: 0px;
        }
        .cboxSlideshow_on #cboxSlideshow {
            background-position:-150px 0px;
            right:27px;
        }
        .cboxSlideshow_on #cboxSlideshow.hover {
            background-position:-125px 0px; 
        }
        .cboxSlideshow_off #cboxSlideshow { 
            background-position:-125px 0px;
            right:27px;
        }
        .cboxSlideshow_off #cboxSlideshow.hover {
            background-position:-150px -25px; 
        }
		